#{extends 'posLogin.html' /}
#{set title: 'Notificações - CAbeceira' /}

<h3 style="margin-left: 10px; margin-top: 20px">Notificações</h3>
#{if notificacoes.size()>0}
	<div id="limparNotificaoesTodasIcone">
	<a href="@{Panel.limparNotificacoes()}" title="Apagar Notificações"><img src="@{'/public/images/limpar.png'}" alt="limpar"/></a>
	</div>
#{/if}
<div id="listaNotificacoes">
#{list items:notificacoes, as:'notificacao'}
	<ul>
			<li>
				<img id="alertaIcone" src="@{'/public/images/notification-icon.png'}"/>${notificacao}
			</li>
	</ul>
#{/list}
</div>